﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>
        小程序商城管理平台
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../css/x-admin.css" media="all">
    <script src="webjars/jquery/3.3.1/jquery.js"></script>
    <style>
        /*背景层*/
        #popLayer {
            display: none;
            background-color: #B3B3B3;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */
        }

        /*弹出层*/
        #popBox {
            display: none;
            background-color: #FFFFFF;
            z-index: 11;
            width: 500px;
            height: 510px;
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            margin:auto;
        }

        #popBox .close{
            text-left: 40px;
            margin-right: 5px;
            height: 40px;
            line-height: 40px;
            color: #e7e7e7;
            /*background-color: #F8F8F8;*/
            background-color: #f2f2f2;
        }

        /*关闭按钮*/
        #popBox .close a {
            text-decoration: none;
            color: #2D2C3B;
        }
        .pop{
            padding: 12px;
            position: relative;
            left: 150px;
        }
        .poptable{
            border: 1px solid #D9D9D9;
            padding: 12px;
            font-size: 12px;
            text-align: center;
        }
        .poptable2{
            padding: 12px;
            background-color: #f2f2f2;
        }
        .poptr{
            text-align: right;
            padding: 12px;
            width: 100px;
        }
    </style>
</head>
<!--<body onblur="self.focus()">-->
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-demo">
        <div class="layui-main">
            <a class="logo" href="index.html">
                一站式商城管理平台
            </a>
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item"><img src="../images/logo.png" class="layui-circle" style="border: 2px solid #A9B7B7;" width="35px" alt=""></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">admin</a>
                    <dl class="layui-nav-child"> <!-- 二级菜单 -->
                        <dd><a href="">个人中心</a></dd>
                        <dd><a href="../logout">退出</a></dd>
                    </dl>
                </li>
                <!-- <li class="layui-nav-item">
                  <a href="" title="消息">
                      <i class="layui-icon" style="top: 1px;">&#xe63a;</i>
                  </a>
                  </li> -->
                <li class="layui-nav-item x-index"><a th:href="@{'../index'}">首页</a></li>
            </ul>
        </div>
    </div>
    <div class="layui-side layui-bg-black x-side">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree site-demo-nav" lay-filter="side">
                <li class="layui-nav-item">
                    <a class="javascript:;" href="javascript:;">
                        <i class="layui-icon" style="top: 3px;">&#xe607;</i><cite>会员管理</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../user/toUserList'}">
                                <cite>用户列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../user/toAdminList'}">
                                <cite>管理员管理</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../user/toRoleList'}">
                                <cite>角色管理</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../user/toNoteList'}">
                                <cite>短信管理</cite>
                            </a>
                        </dd>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="javascript:;" href="javascript:;">
                        <i class="layui-icon" style="top: 3px;">&#xe62d;</i><cite>商品管理</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../commodity/toCommodityList'}">
                                <cite>商品列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../commodity/toClassifyList'}">
                                <cite>商品分类</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../commodity/toTradeTrademarkList'}">
                                <cite>品牌列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../commodity/toMoldList'}">
                                <cite>商品类型</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../commodity/toParameterList'}">
                                <cite>商品属性</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../commodity/toPropertyList'}">
                                <cite>参数列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../commodity/toEvaluateList'}">
                                <cite>商品评价</cite>
                            </a>
                        </dd>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="javascript:;" href="javascript:;">
                        <i class="layui-icon" style="top: 3px;">&#xe634;</i><cite>订单管理</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../order/orderlist'}">
                                <cite>订单列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../invoice/invoicelist'}">
                                <cite>发货单列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../billoflading/BillListAll'}">
                                <cite>提货单列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../aftersale/aftersalelist'}">
                                <cite>售后单列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../return/returnlist'}">
                                <cite>退货单列表</cite>
                            </a>
                        </dd>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="javascript:;" href="javascript:;">
                        <i class="layui-icon" style="top: 3px;">&#xe642;</i><cite>运营管理</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../Article/Articlelist'}">
                                <cite>文章列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../notice/noticelist'}">
                                <cite>公告列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../ArticleType/ArticleTypelist'}">
                                <cite>文章分类</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../Advertising/Advertisinglist'}">
                                <cite>广告列表</cite>
                            </a>
                        </dd>
                        </dd>
                        <dd class="">
                        <dd class="">
                            <a th:href="@{'../Advertisingspace/Advertisingspacelist'}">
                                <cite>广告位列表</cite>
                            </a>
                        </dd>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="javascript:;" href="javascript:;">
                        <i class="layui-icon" style="top: 3px;">&#xe630;</i><cite>促销管理</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                            <a th:href="@{'../promotion/seckillList'}">
                                <cite>团购秒杀列表</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../coupon/couponList'}">
                                <cite>优惠券列表</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../sales/salesList'}">
                                <cite>促销列表</cite>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="javascript:;" href="javascript:;">
                        <i class="layui-icon" style="top: 3px;">&#xe606;</i><cite>财务管理</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                            <a th:href="@{'../paylist'}">
                                <cite>支付单列表</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../withdlist'}">
                                <cite>提现列表</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../metlist'}">
                                <cite>支付方式列表</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../retlist'}">
                                <cite>退款单列表</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../acclist'}">
                                <cite>账户资金管理</cite>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="javascript:;" href="javascript:;">
                        <i class="layui-icon" style="top: 3px;">&#xe612;</i><cite>控制面板</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                            <a th:href="@{'../explist'}">
                                <cite>导入导出</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../piclist'}">
                                <cite>图片列表</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../stolist'}">
                                <cite>门店列表</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../log/loglist'}">
                                <cite>操作日志</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../logisticsCompany/getLogistics'}">
                                <cite>物流公司列表</cite>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="javascript:;" href="javascript:;">
                        <i class="layui-icon" style="top: 3px;">&#xe613;</i><cite>微信管理</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                            <a th:href="@{'../official/getOfficial'}">
                                <cite>公众号配置</cite>
                            </a>
                        </dd>
                        <dd class="">
                            <a th:href="@{'../official/getApplet'}">
                                <cite>小程序配置</cite>
                            </a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>

    </div>
    <div class="layui-tab layui-tab-card site-demo-title x-main" lay-filter="x-tab" lay-allowclose="true">
        <div class="x-slide_left"></div>

        <div style="padding: 15px;">
            <span class="layui-breadcrumb" style="visibility: visible;">
                <i class="iconfont icon-shouyeshouye"></i>
                    <a href="/manage/index/index.html">管理后台</a><span lay-separator="">/</span>
                    <a th:href="@{paylist}">财务管理</a><span lay-separator="">/</span>
                <a><cite>支付单列表</cite></a><br/>
            </span>
            <form class="layui-form seller-form" action="paylist" method="get">
                <div class="layui-form-item" style="margin-bottom:0;">
                    <div class="layui-inline">
                        <label class="layui-form-label">支付单号：</label>
                        <div class="layui-input-inline seller-inline-3">
                            <input type="text" name="bill_id" lay-verify="title" th:value="${bill_id}" placeholder="请输入支付单号"
                                   autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label style="width:120px" class="layui-form-label">第三方支付单号：</label>
                        <div class="layui-input-inline seller-inline-5">
                            <input type="text" name="third_id" lay-verify="title" th:value="${third_id}" placeholder="请输入第三方支付单号"
                                   autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label style="width:120px" class="layui-form-label">用户手机号码：</label>
                        <div class="layui-input-inline seller-inline-3">
                            <input type="text" name="userPhone" lay-verify="title" th:value="${userPhone}" placeholder="请输入手机号码" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="*"><i
                                class="iconfont icon-chaxun"></i>筛选
                        </button>
                    </div>
                </div>
                <br/>
                <!--<div>
                    <tr>
                        <label class="layui-form-label">支付状态：</label>
                        <button class="layui-btn layui-btn-sm" type="button" onclick="location.href='/paylist?bill_typeId='+1">待支付</button>
                        <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?bill_typeId='+2}">已支付</a>
                    </tr>
                </div>-->
                <br/>
            </form>

            <div class="table-body">
                <form>
                <table border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto;" class="layui-table" >
                    <tr class="" lay-id="all" style="background-color: #f2f2f2;">
                        <td >支付单号</td>
                        <td >支付方式</td>
                        <td >单据类型</td>
                        <td >用户</td>
                        <td >金额</td>
                        <td >第三方支付单号</td>
                        <td >支付时间</td>
                        <td >操作</td>
                        <!--<td style="padding: 15px"></td>-->
                    </tr>
                    <tr th:each="pay:${payList}">
                        <td name="bill_id" th:id="${pay.bill_id}"><span th:text="${pay.bill_id}" ></span></td>
                        <td><span th:text="${pay.method_name}" ></span></td>
                        <td><span th:text="${pay.ordertype}" ></span></td>
                        <td><span th:text="${pay.username}" ></span></td>
                        <td><span th:text="${pay.money}" ></span></td>
                        <td><span th:text="${pay.third_id}" ></span></td>
                        <td><span th:text="${pay.bill_createtime}" ></span></td>
                        <!--<td><a th:href="@{'getPay?bill_id='+${pay.bill_id}}" class="layui-btn layui-btn-xs option-view layui-btn-primary">明细</a> </td>-->
                        <td>
                            <a lay-event="edit" title="查看" href="javascript:void(0)" name="popBox"  th:id="${pay.bill_id}" onclick="popBox(this)"><i class="layui-icon">&#xe63c;</i> </a>
                        </td>
                    </tr>
                </table><br/>
                    <div class="layui-none" style="text-align: center" th:if="${payList==null}">无数据</div><br/>
                <div style="text-align: center;" th:if="${payList!=null}">
                    <tr>
                        <span th:if="${bill_id!=null}">
                            <span th:if="${page.currentPage>1}">
                                <a class="layui-btn layui-btn-sm"  th:href="@{'/paylist?currentPage='+1+'&bill_id='+${bill_id}}">首页</a>
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.currentPage-1}+'&bill_id='+${bill_id}}">上一页</a>
                            </span>
                            <span th:if="${page.currentPage<page.totalCount}">
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.currentPage+1}+'&bill_id='+${bill_id}}">下一页</a>
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.totalCount}+'&bill_id='+${bill_id}}">末页</a>
                            </span>
                        </span>
                        <span th:if="${userPhone!=null}">
                            <span th:if="${page.currentPage>1}">
                                <a class="layui-btn layui-btn-sm"  th:href="@{'/paylist?currentPage='+1+'&userPhone='+${userPhone}}">首页</a>
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.currentPage-1}+'&userPhone='+${userPhone}}">上一页</a>
                            </span>
                            <span th:if="${page.currentPage<page.totalCount}">
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.currentPage+1}+'&userPhone='+${userPhone}}">下一页</a>
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.totalCount}+'&userPhone='+${userPhone}}">末页</a>
                            </span>
                        </span>
                        <span th:if="${bill_id==null && userPhone==null}">
                            <span th:if="${page.currentPage>1}">
                                <a class="layui-btn layui-btn-sm"  th:href="@{'/paylist?currentPage='+1}">首页</a>
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.currentPage-1}}">上一页</a>
                            </span>
                            <span th:if="${page.currentPage<page.totalCount}">
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.currentPage+1}}">下一页</a>
                                <a class="layui-btn layui-btn-sm" th:href="@{'/paylist?currentPage='+${page.totalCount}}">末页</a>
                            </span>
                        </span>
                        <span>第<span th:text="${page.currentPage}"></span>页 / 共<span th:text="${page.totalCount}"></span>页
                             共<span th:text="${page.totalPageCount}" ></span>条
                        </span>
                    </tr>
                </div>
                </form>
            </div>
                        </div><span class="layui-layer-setwin"><a class="layui-layer-ico layui-layer-close layui-layer-close1" href="javascript:;"></a></span><span class="layui-layer-resize"></span></div>

    <div id="popLayer"></div>
    <div id="popBox">
        <div class="close">
            <span style="padding: 12px;color: #0C0C0C;">&nbsp;&nbsp;支付单查看</span>
            <span style="padding: 12px;left: 460px;top: -12px;font-size: 24px;position: absolute;">
                <a href="javascript:void(0)" onclick="closeBox()">×</a>
            </span>
        </div>
        <div class="content">
            <div name="contZhi" id="contZhi">
            </div>
        </div>
        <script>
            /*点击弹出按钮*/
            function popBox(obj) {
                var id = $(obj).attr("id");
                var popBox = document.getElementById("popBox");
                var popLayer = document.getElementById("popLayer");
                popBox.style.display = "block";
                popLayer.style.display = "block";
                $.ajax({
                    url:'/getPay',
                    data:'bill_id='+id,
                    async:false,
                    dataType:'json',
                    success:function (data) {
                        $("#contZhi").html("<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"margin: 0 auto;width: 500px\">" +
                            "<tr><td class='poptr'>支付单号：</td><td style='width: 100px;'>"+data.payment.bill_id+"</td></td>" +
                            "<td class='poptr'>用户：</td><td>"+data.payment.username+"</td></td></tr>"+
                            "<tr><td class='poptr'>支付方式：</td><td>"+data.payment.method_name+"</td></td>" +
                            "<td class='poptr'>支付金额：</td><td>"+data.payment.money+"</td></tr>"+
                            "<tr><td class='poptr'>类型：</td><td>"+data.payment.ordertype+"</td></td></tr>" +
                            "<tr><td class='poptr'>创建时间：</td><td>"+data.payment.bill_createtime+"</td></td>" +
                            "<td class='poptr'>更新时间：</td><td>"+data.payment.bill_endtime+"</td></td></tr>"+
                            "<tr><td class='poptr'><span>明细：</span></td>" +
                            "<td rowspan='5'></td></tr>"+
                            "</table>" +
                            "<table border='1px solid #D9D9D9' cellspacing=\"0\" cellpadding=\"0\" style=\"margin: 0 auto;width: 300px;\" >" +
                            "                            <tr style='background-color: #f2f2f2;'><td class='poptable2'>单号</td><td class='poptable2'>金额</td></tr>" +
                            "                            <tr><td style=\"padding: 12px;\">&nbsp;&nbsp;"+data.payment.third_id+"</td>" +
                            "                            <td style=\"padding: 12px\">&nbsp;&nbsp;"+data.payment.money+"</td></tr>" +
                            "                            </table>");
                    }
                })
                /*$.get("/getPay","bill_id="+id,function (data) {
                    $("#contZhi").html("<div class=\"pop\">支付单号："+data.payment.bill_id+"</div>" +
                        "                <div class=\"pop\">用户："+data.payment.username+"</div>" +
                        "                <div class=\"pop\">支付方式："+data.payment.method_name+"</div>\n" +
                        "                <div class=\"pop\">支付金额："+data.payment.money+"</div>\n" +
                        "                <div class=\"pop\">类型："+data.payment.ordertype+"</div>\n" +
                        "                <div class=\"pop\">状态："+data.payment.type_name+"</div>\n" +
                        "                <div class=\"pop\">创建时间："+data.payment.bill_createtime+"</div>\n" +
                        "                <div class=\"pop\">更新时间："+data.payment.bill_endtime+"</div>\n" +
                        "                <div class=\"pop\">单号："+data.payment.third_id+"</div>\n" +
                        "                <div class=\"pop\">金额："+data.payment.money+"</div>");
                })*/
            };

            /*点击关闭按钮*/
            function closeBox() {
                var popBox = document.getElementById("popBox");
                var popLayer = document.getElementById("popLayer");
                popBox.style.display = "none";
                popLayer.style.display = "none";
            }
        </script>
    </div>
                </div>
    <div class="site-mobile-shade">
    </div>
</div>
<script src="../../lib/layui/layui.js" charset="utf-8"></script>
<script src="../../js/x-admin.js"></script>
<script>
    layui.use('form', function(){  //此段代码必不可少
        var form = layui.form;
        form.render();
    });
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>
